<template>
  <div id="hjpj" :style="size">
    <div id="mytable" :style="tablestyle" class="table">
      <div style="font-size: 16px;color: white;height: 10%;display: flex;justify-content: center;align-items: center">2018年生态环境质量变化监测结果</div>
      <Table></Table>
    </div>
  </div>
</template>

<script>
  import Table from '../smallcomponents/mytable2'
  import Pie from '../smallcomponents/pie2'
  export default {
    name: 'hjpj',
    components: {
      Table, Pie
    },
    data () {
      return {
        orgOptions: {},
        size: {
          width: '100%',
          height: '100%'
        },
        tablestyle: {
          width: '100%',
          height: '100%'
        }
      }
    },
    computed: {},
    mounted () {
    }
  }
</script>
<style scoped>
  .echarts {
    width: 100%;
    height: 100%;
  }
  #hjpj{
    display: flex;
    flex-direction: row;
  }
  #hjpj .table{
    height: 100%;
    width: 20%;
  }
  #hjpj .bing{
    height: 100%;
    width: 40%;
  }
  #mytable{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
</style>
